<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>1ª Semana do Calouro</title>
        <link rel="stylesheet" type="text/css"
              href="#{facesContext.externalContext.requestContextPath}/css/estiloSemana.css" />
        <link rel="icon" type="image/png" 
              href="#{facesContext.externalContext.requestContextPath}/imagens/favicon.png" />
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    </h:head>
    <h:body>
        <div id="fb-root"></div>
        <script>
            (function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>
        <div id="allcontent">                     
            <div id="topbar">
                <h:outputText id="titulo" value="1ª Semana do Calouro"/>
            </div>
            <div id="apoio">
                <h:form>
                    <h:panelGrid columns="1">
                        <h:outputLabel value="Apoio"/>
                        <a href="http://www.inf.ufg.br">
                            <img  src="#{facesContext.externalContext.requestContextPath}/imagens/infvert.jpg"
                                  width="125" height="144" alt="Instituto de Inform&aacute;tica"/>
                        </a>
                    </h:panelGrid>
                </h:form>
            </div>
            <div id ="conteudo">
                <h:form>  
                    <p:tabView style="display: inline-block; width: 99%;">
                        <p:tab title="Home">  
                            <p style="conteudo">
                                A 1ª Semana do Calouro da Computação tem como objetivo promover integração entre os
                                alunos ingressantes dos cursos de Ciências 
                                da Computação, Engenharia de Software e 
                                Sistemas  de  Informação  com  os  demais 
                                alunos, professores e servidores do Instituto 
                                de Informática da Universidade Federal de 
                                Goiás, por meio de palestras, mesas redondas, gincanas e churrascada.
                            </p>  
                            <p style="conteudo">
                                Os temas das palestras serão: Desenvolvimento de Games,
                                Mercado de TI, Maratona de Programação,
                                “Entrei na computação, e agora?”, Sistemas móveis,
                                Mulheres na Informática, “Vida do estudante da Computação”,
                                Iniciação Científica, O tema da mesa redonda será:
                                Perspectiva do calouro x Realidade do
                                Veterano, troca de experiências."
                            </p>
                            <p style="conteudo"> Para maiores informações sobre
                                a programação da semana acesse a aba
                                Programação no menu superior."
                            </p>
                            <p style="conteudo"> As inscrições serão realizadas durante a segunda-feira dia 27/02 no 
                                Auditório. Mais informações sobre a inscrição
                                estão disponíveis na aba Inscrições no menu superior."
                            </p> 
                        </p:tab>
                        <p:tab title="Programa&ccedil;&atilde;o">  
                            <h:panelGrid columns="2" cellpadding="10">                              
                                <h:form>  
                                    <p:dataTable var="prog" value="#{programacaoBean.programacao}">  
                                        <p:column>  
                                            <f:facet name="header">
                                                Dia
                                            </f:facet>  
                                            <h:outputText value="#{prog.dia}" />  
                                        </p:column>  

                                        <p:column>  
                                            <f:facet name="header">  
                                                Das 9h às 10h30  
                                            </f:facet>  
                                            <h:outputText value="#{prog.horario1}" />  
                                        </p:column>  
                                        <p:column>  
                                            <f:facet name="header">  
                                                Das 10h30 às 12h
                                            </f:facet>  
                                            <h:outputText value="#{prog.horario2}" />  
                                        </p:column>  

                                        <p:column>  
                                            <f:facet name="header">  
                                                Das 12h às 14h  
                                            </f:facet>  
                                            <h:outputText value="#{prog.horario3}" />  
                                        </p:column>  
                                        <p:column>  
                                            <f:facet name="header">  
                                                Das 14h às 15h30  
                                            </f:facet>  
                                            <h:outputText value="#{prog.horario4}" />  
                                        </p:column>  
                                        <p:column>  
                                            <f:facet name="header">  
                                                Das 15h30 às 17h
                                            </f:facet>  
                                            <h:outputText value="#{prog.horario5}" />  
                                        </p:column>  
                                    </p:dataTable>  
                                </h:form> 
                            </h:panelGrid>  
                            <p:fieldset legend="Palestrantes">
                                <h:panelGrid>
                                    <p><b>Entrei na computação, e agora?</b> - Marcelo Ricardo Quinta, INF-UFG</p>
                                    <p><b>Mercado de trabalho em Tecnologia da Informação</b> - 
                                        <ul>
                                            <li>
                                                Marcos Vilela (Diretor da Canion Sistemas e do Sindinformática);</li>
                                            <li>Fabrício Nogueira, Diretor da Ilion Tecnologia e da COMTEC;</li>
                                            <li>Luciano Lacerda, Diretor da Totvs e da COMTEC;</li>
                                            <li>Denise Patrus, Diretora da PC Informática e da COMTEC.</li>
                                        </ul>                                         
                                    </p>
                                    <p><b>Maratona de Programação</b> - Professor Humberto Longo, INF-UFG</p>
                                    <p><b>Entrei na faculdade, como construir meu império.</b> - Raphael Adrien, R3TI</p>
                                    <p><b>Mulheres na Informática</b> - Alessandra Nascimento</p>
                                    <p><b>Como criar e vender seu primeiro game</b> - Diego Leão, Gameblox Interactive</p>
                                    <p><b>Vida do estudante de computação</b> - Diego Guedes, INF-UFG</p>
                                </h:panelGrid>                                
                            </p:fieldset>
                        </p:tab>  
                        <p:tab title= "Inscri&ccedil;&otilde;es">  
                            <h:panelGrid columns="1" cellpadding="10">
                                <h:outputText value="As inscrições serão realizadas nos dias 01/02 e 02/02 durante a matrícula e
                                              na entrada do Auditório durante o dia 27/02."/>
                                <p:separator/>
                                <h:outputText value="Você pode também fazer a sua inscrição online através por meio do PagSeguro."/>
                                <a href="http://www.inf.ufg.br/atletica/pagamento.html">
                                    <img  src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/164x37-comprar-azul-assina.gif"
                                          alt="Link para pagamento."/>
                                </a>
                            </h:panelGrid>  
                        </p:tab>  
                        <p:tab title="Localiza&ccedil;&atilde;o"> 
                            <h:panelGrid columns="1" cellpadding="10" cellspacing="10">
                                <h:outputLabel value="Localização das palestras e da gincana."/>
                                <h:panelGrid columns="1" title="Localização das palestras e da gincana." cellspacing="5">
                                    <iframe width="640" height="480" frameborder="0" 
                                            scrolling="no" marginheight="0" marginwidth="0" 
                                            src="http://maps.google.com.br/maps?q=-16.60362,-49.262505&amp;num=1&amp;t=h&amp;ie=UTF8&amp;ll=-16.603623,-49.262438&amp;spn=0.002468,0.003433&amp;z=18&amp;output=embed">                                       
                                    </iframe><br /><small><a href="http://maps.google.com.br/maps?q=-16.60362,-49.262505&amp;num=1&amp;t=h&amp;ie=UTF8&amp;ll=-16.603623,-49.262438&amp;spn=0.002468,0.003433&amp;z=18&amp;source=embed" 
                                                             style="color:#0000FF;text-align:left">Exibir mapa ampliado</a></small>
                                </h:panelGrid>    
                                <p:separator />
                                <h:panelGrid columns="1" title="Localização da churrascada" cellspacing="5">
                                    <h:outputLabel value="Em breve a localização da churrascada"/>
                                    <!--<p:gmap center="-16.603643, -49.262567" zoom="20" type="satellite" 
                                            style="width:600px;height:400px" model="#{mapBean.mapModelChurrascada}"/>-->
                                </h:panelGrid>
                            </h:panelGrid>
                        </p:tab>  
                        <p:tab title="Contato">  
                            <h:panelGrid columns="1" cellpadding="10">                              
                                <h:outputText value="Mais informações na página do Draco no Facebook:"/> 
                                <div class="fb-like-box" 
                                     data-href="http://www.facebook.com/pages/Diret%C3%B3rio-Acad%C3%AAmico-da-Computa%C3%A7%C3%A3o-Draco/130779917034765" 
                                     data-width="500" data-colorscheme="dark" 
                                     data-show-faces="true" data-stream="true" 
                                     data-header="true">
                                </div>
                            </h:panelGrid>  
                        </p:tab>                                        
                    </p:tabView>  
                </h:form>  
            </div>            
            <div id="rodape">
                <table align="center" cellspacing="10">                
                    <tbody>
                        <tr>
                            <td>
                                <a href="http://www.inf.ufg.br/atletica">
                                    <img src="#{facesContext.externalContext.requestContextPath}/imagens/atletica.png"
                                         width="150" height="149" alt="AAAUCOMP"/>
                                </a>
                            </td>
                            <td>
                                <p styleClass="assinatura">AAAUCOMP - Associação Atlética Acadêmica Unificada da Computação<br/>
                                    Draco - Diretório Acadêmico da Computação <br/> 2012
                                </p></td>
                            <td>
                                <a href="http://www.dracoufg.org">
                                    <img src="#{facesContext.externalContext.requestContextPath}/imagens/logopeb.png"
                                         width="100" height="217" alt="Instituto de Inform&aacute;tica"/>
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>        
    </h:body>
</html>

